<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>E总管-主页</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header p_type='0' :user_info="infos"></m_header>
			<!--轮播图-->
			<div class="lunbo">
				<div class="swiper-container">
				    <div class="swiper-wrapper">				       
				        <div class="swiper-slide" v-for='item in banners'>
							<div style="background-size: 100%;" v-bind:style='{"background-image":"url("+host+item.ImgUrl+")"}'
							@click="goBannerLinkUrl(item)"></div>
						</div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>				    
				    <!-- 如果需要导航按钮 -->
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>				    
				    <!-- 如果需要滚动条 -->
				    <div class="swiper-scrollbar"></div>
				</div>
			</div>
			<!--新闻滚动条-->
			<div class="my_container title cursor" id="demo" >
				<table id="marquePic1">
					<tr>
						<template v-for='item in scrolldata'>
							<td valign=top bgcolor=ffffff id=marquePic1>
								{{item.IndexName}}
							</td>
						</template>
						<template v-for='item in scrolldata'>
							<td valign=top bgcolor=ffffff id=marquePic1>
								{{item.IndexName}}
							</td>
						</template>
					</tr>
					<tr>
						<template v-for='item in scrolldata'>
							<td>
								{{item.Price}}
							</td>
						</template>
						<template v-for='item in scrolldata'>
							<td>
								{{item.Price}}
							</td>
						</template>
					</tr>
					<tr>
						<template v-for='item in scrolldata'>
							<td v-bind:class="[item.ChangePrice>0?'danger':'success']">
								<span >{{item.ChangePrice}}</span> &#x3000; {{item.ChangePercent}}%
							</td>
						</template>
						<template v-for='item in scrolldata'>
							<td v-bind:class="[item.ChangePrice>0?'danger':'success']">
								{{item.ChangePrice}} &#x3000; {{item.ChangePercent}}%
							</td>
						</template>
					</tr>
				</table>
				<table id="marquePic2"></table>
			</div>
			
			<!--图片集合-->
			<div class="imgs my_container">
				<div class="one_img cursor"  v-for='(item,index) in modelList' v-if="item.ShowHome==true"  @click='viewModelDetail(item.ID,index)'>
					<div>
						<div class="my_flex my_flex_center">
							<img v-bind:src='item.Icon | add_baseUrl'></img>
						</div>
						<div class="my_flex my_flex_center">
							<span>{{item.ModelName}}</span>
						</div>						
					</div>
				</div>
			</div>
			<!--咨询中心-->
			<div class="news">
				<div class="my_container">
					<div class="types  my_flex my_flex_right">
						<li class="type cursor" v-bind:class="[{active:news_type==0}]" @click='news_type=0'>今日新闻</li>
						<li class="type cursor" v-bind:class="[{active:news_type==1}]" @click='news_type=1'>时文推荐</li>
						<li class="type cursor" onclick="location.href='community.html'">论坛中心</li>
					</div>
					<!--内容区域-->
					<div class="contents">
						<div class="one_new my_flex my_flex_between" >
							<!--左侧图片-->
							<div>
								<img src="imgs/index/timg.jpg" alt="" />
							</div>
							<!--右侧新闻列表-->
							<div v-if='news_type==0'>
								<div class="one_title cursor" @click='go_news_detail(todaynews[0].ID)' v-if='todaynews[0]'> 
									<div class="my_flex my_flex_col_center">
										<span>{{todaynews[0].CreateTimeDay}}</span>
										<span>{{todaynews[0].CreateTimeYearMonth}}</span>
									</div>
									<div>
										<span>{{todaynews[0].TitleShort}}</span> 
										<span>{{todaynews[0].Title}}</span>
									</div>
								</div>
								<!--列表-->
								<div class="my_flex my_flex_between one_list cursor" @click='go_news_detail(item.ID)' v-for='(item,index) in todaynews' v-if="index>0 && index<8">									
									<div class="my_flex my_flex_center">
										<span>{{item.CreateTime | cuttime}}</span>
									</div>
									<div class="my_flex my_flex_left">
										<span>{{item.TitleShort}}</span> 
									</div>
								</div>
							</div>
							<!--时文-->
							<div v-if='news_type==1' >
								<div class="one_title cursor" v-if='timenews[0]' @click='timenews[0](item.ID)'> 
									<div class="my_flex my_flex_col_center">
										<span>{{timenews[0].CreateTimeDay}}</span>
										<span>{{timenews[0].CreateTimeYearMonth}}</span>
									</div>
									<div>
										<span>{{timenews[0].TitleShort}}</span> 
										<span>{{timenews[0].Title}}</span>
									</div>
								</div>
								<!--列表-->
								<div class="my_flex my_flex_between one_list cursor" @click='go_news_detail(item.ID)' v-for='(item,index) in timenews' v-if="index>0 && index<8">									
									<div class="my_flex my_flex_center">
										<span>{{item.CreateTime | cuttime}}</span>
									</div>
									<div class="my_flex my_flex_left">
										<span>{{item.TitleShort}}</span> 
									</div>
								</div>
							</div>
						</div>						
						<!--更多-->
						<div class="more">
							<li class="cursor" onclick="location.href='news.html'">查看更多</li>
						</div>
					</div>
				</div>
			</div>			
				
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>
			
							
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/js/jquery.nicescroll.js"></script>
		<script src="src/js/common-scripts.js"></script>		
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>	
		<script src="src/js/bootstrapValidator.min.js"></script>
		<script src="src/swiper/swiper-3.4.2.jquery.min.js"></script>
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/index.js"></script>
	</body>

</html>